import React from 'react';

function Index({data,onClickMarket}) {
    return (
        <div
            onClick={()=>onClickMarket(data)}
            className="w-32 h-32 rounded-lg shadow-md border flex flex-col justify-center items-center bg-amber-300 text-white cursor-pointer
            bg-gradient-to-br from-purple-500 to-pink-500 p-1
                ">
            <p className='mt-2 text-lg text-center'>{data.s_name}</p>
            <p className='mt-2 text-sm  text-center'>{data.l_name}</p>
        </div>
    );
}

export default Index;